 
<div id="input_panel">
  <!-- <img style="width:100%;" id="test_img" src="img/sausage.jpg" /> -->
</div>  
  
<div id="input_options">
  <span>Select input</span>
  <input type="button" value="Camera" onClick="js:onScan();"/>
  <!-- <input type="button" value="Keyboard" onClick="js:getContent('manual.html', 'input_panel');"/> -->
  <input type="button" value="Keyboard" onClick="js:inputItem();"/>
  <br style="clear: both;"/>
</div>
  
 

<!-- Continer for menu options --> 
<div id="menu">

  <div id="menu1" class="menu_active" onClick="js:getPanelInfo();">  
     <div class="icon_holder"><img src="img/information.gif"/></div>
     <div>Info</div>
  </div>
  
  <div id="menu2" class="menu_inactive" onClick="js:getPanelReviews();">
     <div class="icon_holder"><img src="img/reviews2.gif"/></div>
     <div>Reviews</div>
  </div>
  
  <!--
  <div id="menu3" class="menu_inactive" onClick="js:getContent('links.html', 'panel'); setMenu('3');">
     <div class="icon_holder"><img src="img/links2.gif"/></div>
     <div>Links</div>
  </div>
  -->  
  
</div> 
<!-- End of container -->

<!-- menu footer -->
<div id="menu_footer">
   <!--
   <a href="#" onClick="js:getContent('profile.html', 'panel');">My account</a>
   &middot;
   -->
   <a href="#" onClick="js:getContent('login.html', 'main');">Logout</a>
</div>
<!-- End of menu footer -->

<!-- Where information from panel goes -->
<div id="panel">
	<div><strong>Instructions</strong></div>
	
	<p>Scan item using camera or enter its barcode
	with keyboard.</p>
			
	<p>
	  <a href="#">Do not show this again</a>
	  <a href="#" onClick="js:getPanelEditInfo();">Add item</a>
	  <!--<a href="#" onClick="js:getContent('add.html', 'panel');">Add item</a>--><!-- Currently somehow has similar function on edit.html and that's why changed to redirected to edit.html-->
	</p>
	
	

</div>
<!-- End of info -->


